<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../gouwu/styles/common.css" />
    <link rel="stylesheet" href="../gouwu/styles/page-account.css" />
    <title>购物网登录页</title>
    <link rel="icon" href="./images/logo.ico" />
</head>
<body>
    <div class="login-box">
        <!-- 头部 -->
        <div class="py-container logoArea">
            <a href="#" class="logo"></a>
        </div>
        <!-- 内容区 -->
        <div class="loginArea">
            <div class="py-container login">
                <div class="loginform">
                    <ul class="sui-nav nav-tabs tab-wraped">
                        <li id="sm" onclick="login('index',this.id)"><a href="#">扫描登陆</a></li>
                        <li id="user" class="active" onclick="login('profile',this.id)"><a href="#">账户登陆</a></li>
                    </ul>
                    <div class="tab-content tab-wraped">
                        <div id="index" class="tab-pane">
                            <img src="./images/wx_cz.jpg">
                        </div>
                        <div id="profile" class="tab-pane active" >
                            <form action="" class="sui-form">
                                <div class="input-prepend">
                                    <span class="add-on loginname"></span>
                                    <input type="text" class="span2 input-xfat" placeholder="用户名/邮箱">
                                </div>
                                <div class="input-prepend">
                                    <span class="add-on loginpwd"></span>
                                    <input type="password" class="span2 input-xfat" placeholder="请输入密码">
                                </div>
                                <div class="setting">
                                    <label for="">
                                        <input name="m1" type="checkbox" checked />自动登陆
                                    </label>
                                    <span class="forget">忘记密码</span>
                                </div>
                                <div class="logined">
                                    <a href="./home.html" class="sui-btn btn-block btn-xlarge btn-danger">登&nbsp;&nbsp;陆</a>
                                </div>
                            </form>
                            <div class="registration">
                                <ul>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                </ul>
                                <a href="./register.html">立即注册</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="py-container copyright">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
            <div class="address">地址:江西吉安市吉安县吉州区曲濑镇农贸市场附近</div>
            <div class="beian">京ICP备案:A12302130123</div>
        </div>
    </div>
</body>
<script src="../js/jquery.min.js"></script>
<script>
    function login(id,id1){
        if(id1=='sm'){
            $("#user").removeClass("active");
            $("#profile").removeClass("active");
        }else{
            $("#sm").removeClass("active");
            $("#index").removeClass("active");
        }
        $("#"+id1).addClass("active")
        $("#"+id).addClass("active")
    }
</script>
</html>